<template>
    <div>
        登录统计
        <ve-histogram :data="chartData" :settings="chartSettings" :extend="extend"></ve-histogram>
    </div>
</template>

<script>
    export default {
        name: "Login",
        data () {
            this.chartSettings = {
                metrics: ['访问用户'],
                dimension: ['日期']
            }
            this.extend = {
                series: {
                    label: { show: true, position: "top" }
                }
            }
            return {
                chartData: {
                    columns: ['日期', '访问用户'],
                    rows: [
                        { '日期': '1/1', '访问用户': 1393},
                        { '日期': '1/2', '访问用户': 3530},
                        { '日期': '1/3', '访问用户': 2923},
                        { '日期': '1/4', '访问用户': 1723},
                        { '日期': '1/5', '访问用户': 3792},
                        { '日期': '1/6', '访问用户': 4593}
                    ]
                }
            }
        }
    }
</script>

<style scoped>

</style>